:host(:not([hidden])) {
	display: block;
	cursor: text;
}

:host {
	max-width: 100%;
	color: var(--sapGroup_TitleTextColor);
	font-size: var(--sapFontHeader5Size);
	font-family: var(--sapFontHeaderFamily);
	text-shadow: var(--sapContent_TextShadow);
}

.ui5-title-root {
	display: inline-block;
	position: relative;
	font-weight: normal;
	font-size: inherit;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	vertical-align: bottom;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	margin: 0;
	cursor: inherit;
}

:host {
	white-space: pre-line;
}

:host([wrapping-type="None"]) {
	white-space: nowrap;
}

.ui5-title-root,
:host ::slotted(*) {
	white-space: inherit;
}

::slotted(*) {
	font-size: inherit;
	font-family: inherit;
	text-shadow: inherit;
}

:host([size="H1"]) {
	font-size: var(--sapFontHeader1Size);
}

:host([size="H2"]) {
	font-size: var(--sapFontHeader2Size);
}

:host([size="H3"]) {
	font-size: var(--sapFontHeader3Size);
}

:host([size="H4"]) {
	font-size: var(--sapFontHeader4Size);
}

:host([size="H5"]) {
	font-size: var(--sapFontHeader5Size);
}

:host([size="H6"]) {
	font-size: var(--sapFontHeader6Size);
}
